﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrTravelGuide.ascx.cs" Inherits="Controls_TravelGuide_ctrTravelGuide" %>

<%@ Register src="ctrTravelGuideNavigation.ascx" tagname="ctrTravelGuideNavigation" tagprefix="uc1" %>

<div>
<uc1:ctrTravelGuideNavigation ID="ctrTravelGuideNavigation1" runat="server" />
    
</div>
<div><h2 style="margin-bottom:10px; margin-top:10px; text-transform:uppercase "><asp:Label ID="lblTravelGuide"  runat="server"></asp:Label></h2></div>

<div >
  
  
    <ul  class="tabs">
    <asp:Repeater ID="rptTab" runat ="server" onitemdatabound="rptTab_ItemDataBound" >
        <ItemTemplate>
        <li><a href="#"><asp:Label ID="lblTab" runat="server"  /></a></li>
        </ItemTemplate>
    </asp:Repeater>
        
         
             
    </ul>
      <div class="panes">
        <asp:Repeater ID="rptContent" runat ="server" 
              onitemdatabound="rptContent_ItemDataBound">
        <ItemTemplate>
        <div style ="padding:20px; font-weight:normal"> <asp:Literal ID="ltrContent" runat="server"></asp:Literal></div>
        </ItemTemplate>
    </asp:Repeater>
           
          
    </div>
  
    
</div>

<!-- This JavaScript snippet activates those tabs -->
<script>

    // perform JavaScript after the document is scriptable.
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs").tabs("div.panes > div");
    });
</script>